<template>
	<view class="confirm">
		<watermark></watermark>
		<view class="text-center box">
			<image src="../../static/confirm.png" mode="widthFix"></image>
			<view class="text-center title f28">
				提交成功
			</view>
			<view class="pad-l-60 pad-r-60 f26 " style="position: absolute;bottom: 0%;"
				v-if="infoData.type === 'user' || infoData.type === 'team'">
				您的申请需要等待 <text class="cl3e8">【{{dataValue.class_name?dataValue.class_name:dataValue.warehouse_name}} <text
						v-if="dataValue.user_name">--{{dataValue.user_name}}</text>】</text>
				审核
			</view>
			<view class="text-center" v-else>
				需要等待审核
			</view>
			<view style="position: absolute; bottom: -40%;">
				<button class="clfff bg3e8" @click="back">返回</button>
				<button class="cl3e8 mgn-t-20" @click="payPhome"><uni-icons color="#3E86F4" type="phone" size="14"></uni-icons>
					联系负责人</button>
			</view>
		</view>
	</view>
</template>

<script>
	import watermark from '@/components/watermark.vue'
	import mixins from '@/mixins/index.js'
	export default {
		mixins: [mixins],
		components: {
			watermark
		},
		data() {
			return {
				dataValue: ''
			}
		},
		onLoad(e) {
			if (e && e.data) {
				this.dataValue = JSON.parse(e.data)
			}
		},
		methods: {
			payPhome() {
				uni.makePhoneCall({
					phoneNumber: this.dataValue.mobile_phone
				});
			}
		}
	}
</script>

<style lang="less">
	.confirm {
		.box {
			position: relative;

			.title {
				position: absolute;
				bottom: 15%;
				left: 43%;
				font-weight: bold;
			}
		}

		button {
			width: 500rpx;
			height: 68rpx;
			line-height: 68rpx;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			border: 1px solid #3E86F4;
		}

		.bg3e8 {
			background: #3E86F4;
		}
	}
</style>